import { Link } from 'react-router-dom'

const NotFoundPage = () => (
  <div className="flex min-h-[60vh] flex-col items-center justify-center text-center">
    <div className="glass-panel max-w-md px-6 py-12">
      <h1 className="font-display text-4xl font-semibold text-slate-900">迷路啦</h1>
      <p className="mt-4 text-sm text-slate-500">
        没找到对应页面，可能链接失效或功能仍在开发。回到仪表盘继续探索爱意吧。
      </p>
      <Link
        to="/dashboard"
        className="mt-6 inline-flex items-center rounded-full bg-blush-500 px-5 py-3 text-sm font-semibold text-white shadow-card hover:bg-blush-600"
      >
        返回首页
      </Link>
    </div>
  </div>
)

export default NotFoundPage
